<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
		<title>齐天大圣官方独立公司</title>
		    ﻿<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="alternate icon" type="image/png" href="images/favicon.png">
		<link rel='icon' href='favicon.ico' type='image/x-ico' />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="stylesheet" href="css/default.min.css?t=227" />
		<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
		<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
		<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
		<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
		<script type="text/javascript" src="js/main.min.js?t=1"></script>
	<style type="text/css">
		ul{list-style-type:none;}
		.ysA{text-decoration:none;color:black;}
		#nav{line-height:30px;}
		#nav li{float:left;width:100px;}
		#nav li .ysA{display:block;width:100px;background:#EB7350;text-align:center;}
		#nav li .ysA:hover{background:#666;color:#fff;font-weight:bold;}
		#nav li ul{line-height:20px;position:absolute;display:none;}
		#nav li ul li{float:left;width:130px;}
		#nav li ul li a{display:block;width:130px;background:#666;text-align:left;padding-left:30px;}
		#nav li ul li a:hover{background:red;font-weight:normal;}
	</style>
	<script type="text/javascript" src="http://pic.veryhuo.com/uploads/common/js/jquery-1.3.2.js"></script>
	<script type="text/javascript">
	$(function(){
	var key=$("#nav>li");
	key.mouseover(function(){
	$(this).children(".nn1").fadeIn();
	});
	key.mouseout(function(){
	$(this).children(".nn1").fadeOut();
	});
	});
	</script>
	</head>
	<body>
		<footer>
		<div id="navbbb" style="background: gainsboro; height: 55px; overflow: hidden; clear: both;">
		<div>
		<ul id="nav">
		<li><a href="#" class="ysA">第七小组</a>
		<ul class="nn1">
		<li><a href="#" class="ysA">陈坤</a></li>
		<li><a href="#" class="ysA">史超杰</a></li>
		<li><a href="#" class="ysA">张怀安</a></li>
		<li><a href="#" class="ysA">黄泰橘</a></li>
		</ul>
		</li>
		</ul>
		</div>
				</div>			
				<div>
				    <div class="footer-info">
				        <div class="footer-content">
				            <img src="images/qccode.png" alt="">
				           <div>
				            <p></p>
				            <c:forEach items="${us }" var="l">
				            <div class="footer-box">
				                <i class="icon-tel"></i>
				                <span>电话:</span>
				                <span> ${l.footerPhone }</span>
				            </div>
				            <div class="footer-box">
				                <i class="icon-email"></i>
				                <span>邮箱:</span>
				                <span>${l.footerEmail }</span>
				            </div>
				            <div class="footer-box">
				                <i class="icon-address"></i>
				                <span>地址:</span>
				                <span>${l.footerUrl }</span>
				            </div>
				            </c:forEach>
				           </div>
				        </div>
				    </div>
				    <style>
				    .footer-bottom a{color:#F1404B}
				    </style>
				</div>
		</footer>
	</body>
</html>